.container {
  padding: 20rpx;
}
.card {
  background: #fff;
  border-radius: 16rpx;
  padding: 20rpx;
  margin-bottom: 20rpx;
  box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.1);
}
.section {
  display: flex;
  justify-content: space-between;
  padding: 10rpx 0;
}
.label {
  font-weight: bold;
}
.phone {
  color: #007aff;
}
.pet-image {
  width: 100%;
  height: 200rpx;
  border-radius: 16rpx;
  margin: 10rpx 0;
}
.title {
  font-size: 32rpx;
  font-weight: bold;
  margin-bottom: 10rpx;
}

/* 物流步骤条样式 */
.steps {
  position: relative;
  padding-left: 30rpx;
}
.step-item {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}
.circle {
  width: 16rpx;
  height: 16rpx;
  border-radius: 50%;
  background: #ccc;
  margin-right: 10rpx;
}
.completed .circle {
  background: #007aff;
}
.step-content {
  display: flex;
  flex-direction: column;
}
.step-title {
  font-weight: bold;
}
.step-time {
  font-size: 24rpx;
  color: #888;
}
.step-image {
  width: 100%;
  height: 150rpx;
  border-radius: 10rpx;
  margin-top: 10rpx;
}


/* 订单状态颜色 */
.status {
  font-weight: bold;
  padding: 4rpx 10rpx;
  border-radius: 8rpx;
}
.status-processing {
  color: #ffffff;
  background-color: #007aff;
}
.status-completed {
  color: #ffffff;
  background-color: #28a745;
}
.status-problem {
  color: #ffffff;
  background-color: #dc3545;
}